<template>
	<div class="userone">
		<p>
			<span>全部订单</span>
			<span>查看全部<i class="iconfont">&#xe604;</i></span>
		</p>
		<ul>
			<li>
				<img src="../../../assets/img/icon_waitpay_3@2x.png" />
				<p>待付款</p>
			</li>
			<li>
				<img src="../../../assets/img/icon_success_3@2x.png" />
				<p>已付款</p>
			</li>
			<li>
				<img src="../../../assets/img/icon_evaluate_3@2x.png" />
				<p>待评价</p>
			</li>
			<li>
				<img src="../../../assets/img/icon_refund_3@2x.png" />
				<p>退款/售后</p>
			</li>
		</ul>
	</div>
</template>

<script>
</script>

<style>
*{
	margin: 0;
	padding: 0;
}
.userone{
	width: 90%;
	height: 110px;
	padding: 0 0.2rem;
	background: #fff;
	border-radius: 0.16rem;
	margin: 0.5rem auto;
}
.userone p{
	padding: 0.2rem;
}
.userone p span:nth-child(1){
	font-size: 20px;
	padding: 0.2rem;
	color: #000000;
}
.userone p span:nth-child(2){
	float: right;
}
.userone li{
	width: 2rem;
	float: left;
	text-align: center;
	margin-left: 0.2rem;
}
.userone li img{
	width: 0.64rem;
	height: 0.64rem;
}
.userone li:last-child{
	
}
</style>
